﻿@{
    Layout = "~/Areas/User/Views/Shared/_Layout.cshtml";
}

@section Title{
    美妆商城
}

@section Meta{


    <link href="~/Content/User/css/jumei/detail_other.css" rel="stylesheet" />
    <link href="~/Content/User/css/jumei/common.css" rel="stylesheet" />

    <link href="~/HTML/css/jumei/ProductDetail/jumei.min.css" rel="stylesheet" />
    <link href="~/HTML/css/jumei/ProductDetail/jumei_search.min.css" rel="stylesheet" />
    <link href="~/HTML/css/jumei/ProductDetail/jumei_newmall_wide_new.min.css" rel="stylesheet" />
}
@section Logo{
    <ul class="shopping_grid">
        <a href="#"><li><span class="m_1">购&nbsp;物&nbsp;车</span>&nbsp;&nbsp;(0) &nbsp;<img src="~/Content/User/images/bag.png" alt="" /></li></a>
        <a href="/User/Account/login"><li>登&nbsp;录</li></a>
        <a href="/User/Account/Register"><li>注&nbsp;册</li></a>
    </ul>
    <div class="clearfix"> </div>
}

<div id="container">

    <div id="bread_container">
        <a id="bread_prev" href="javascript:void(0);"></a>
        <div class="bread_container_con">
            <div class="search_crumb clearfix" style="width:1090px">
                <ul class="clearfix fl bread_ul">
                    <li class="bread_first_item"><a href="http://mall.jumei.com/">化妆品首页</a></li>
                    <li><span>&gt;</span></li>
                    <li><span><a href="http://search.jumei.com/?filter=0-11-1&search=&cat=1">面部护肤</a></span></li>
                    <li><span>&gt;</span></li>
                </ul>
                <div class="selected_panel">
                    <p style="display: none;" id="cat_id">19</p>
                    <p id="bread_panel_keywords"><a href="http://search.jumei.com/?filter=0-11-1&search=&cat=19">洁面</a></p>
                    <div class="sub_selected_panel clearfix" id="J_sub_selected_panel">
                        <i class="arrow_tri1"></i>
                        <i class="arrow_tri"></i>
                    </div>
                    <div class="hover_mask"></div>
                </div>



            </div>
        </div>
        <a id="bread_next" href="javascript:void(0);"></a>
    </div>

    <div id="body">
        <div id="search_result_wrap">
            <div id="search_list_wrap">


                <div class="search_list_head_fiex">
                    <div class="search_list_head">

                        <div class="slh_label">排序:</div>
                        <ul>
                            <li class="selected">
                                <a class="down">默认</a>
                            </li>
                            <li class="">

                                <a href="http://search.jumei.com/?filter=0-20-1&search=&cat=19#search_list_wrap"
                                   class="price_sort up">价格</a>
                            </li>
                            <li>
                                <a class="down"
                                   href="http://search.jumei.com/?filter=0-41-1&search=&cat=19#search_list_wrap">销量</a>
                            </li>
                            <li>
                                <a class="down"
                                   href="http://search.jumei.com/?filter=0-01-1&search=&cat=19#search_list_wrap">人气</a>
                            </li>

                        </ul>
                        <div class="have_stock">
                            <a href="">仅显示有货</a>
                        </div>
                        <!--头部分页-->
                        <div class="head_pagebtn">
                            <a class="dis prev">
                                上一页
                            </a>
                            <a class="enable next" href="http://search.jumei.com/?filter=0-11-2&search=&cat=19&bid=4#search_list_wrap">
                                下一页
                            </a>
                        </div>
                        <div class="head_pageInfo">
                            <span style="color:#ed154b;margin-left: 8px;">1</span>/26页
                        </div>
                        <div class="head_pagecount">
                            共<span>922</span>个商品
                        </div>

                    </div>
                </div>

                <div class="products_wrap">
                    <ul>
                        <!--deal start-->
                        <li class="formall item" pid="1763750" bid="837" cid="19" search_product_type="mall" h_p_m_id="1763750" product_type="mall_product">
                            <div class="item_wrap clearfix">
                                <div class="item_wrap_right deal_item_wrap">
                                    <div class="s_l_pic">
                                        <a href="http://item.jumei.com/1763750.html?from=sr__1_4" target="_blank">
                                            <img alt="悦诗风吟（innisfree） 绿茶精萃保湿洁面膏 150ml" original="http://p0.jmstatic.com/product/001/763/1763750_std/1763750_350_350.jpg" width="255" height="255"
                                                 src="http://p0.jmstatic.com/product/001/763/1763750_std/1763750_350_350.jpg" style="display: inline;" />
                                        </a>
                                    </div>

                                    <div class="s_l_name">
                                        <a href="http://item.jumei.com/1763750.html?from=sr__1_4" target="_blank">

                                            悦诗风吟（innisfree） 绿茶精萃保湿洁面膏 150ml
                                        </a>
                                    </div>
                                    <div class="s_l_view_bg">
                                        <div class="icon_wrap_bot clearfix">
                                        </div>
                                        <div class="search_list_price">
                                            <label>¥</label>
                                            <span>55</span>

                                            @*<div class="saleinfos">
                                                    <span title="悦诗风吟满199送2件套">赠</span>
                                                    <span title="悦诗风吟满330送4件套">赠</span>
                                                </div>*@
                                        </div>
                                    </div>
                                    <div class="search_deal_buttom_bg clearfix">
                                        <div class="search_pl">月销28963</div>
                                        <div class="rating">
                                            <div style="width:90%"
                                                 class="value"></div>
                                        </div>
                                    </div>
                                    <div class="search_list_button">
                                        <a target="_blank" class="track_click btn_addcart"
                                           track_click="b2c/product_1763750/buy_list" data-sku="" data-from="sr__1_4_ac" title="加入购物车">
                                        </a>
                                        <a href="javascript:;" class="btn_fav" pid="1763750" title="收藏商品"></a>
                                    </div>
                                    <p class="search_list_tags">
                                        <span>清洁</span>
                                        <span>保湿</span>
                                        <span>补水</span>
                                        <span>温和</span>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <!--global mall end-->
                        <!--global pop mall start-->
                        <!--deal start-->
                        <li class="formall item" pid="20605" bid="1000" cid="19" search_product_type="mall" h_p_m_id="20605" product_type="mall_product">
                            <div class="item_wrap clearfix">
                                <div class="item_wrap_right deal_item_wrap">
                                    <div class="s_l_pic">
                                        <a href="http://item.jumei.com/20605.html?from=sr__1_2" target="_blank">
                                            <img alt="芙丽芳丝（freeplus）净润洗面霜 100g" original="http://p0.jmstatic.com/product/000/020/20605_std/20605_350_350.jpg" width="255" height="255"
                                                 src="http://p0.jmstatic.com/product/000/020/20605_std/20605_350_350.jpg" style="display: inline;" />
                                        </a>
                                    </div>

                                    <div class="s_l_name">
                                        <a href="http://item.jumei.com/20605.html?from=sr__1_2" target="_blank">

                                            芙丽芳丝（freeplus）净润洗面霜 100g
                                        </a>
                                    </div>
                                    <div class="s_l_view_bg">
                                        <div class="icon_wrap_bot clearfix">
                                        </div>
                                        <div class="search_list_price">
                                            <label>¥</label>
                                            <span>95</span>
                                            <del>&yen;150</del>

                                            <div class="saleinfos">
                                                <span title="芙丽芳丝满199元送芙丽芳丝保湿修护柔润乳液15ml">赠</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="search_deal_buttom_bg clearfix">
                                        <div class="search_pl">月销22170</div>
                                        <div class="rating">
                                            <div style="width:94%"
                                                 class="value"></div>
                                        </div>
                                    </div>
                                    <div class="search_list_button">
                                        <a target="_blank" class="track_click btn_addcart"
                                           track_click="b2c/product_20605/buy_list" data-sku="" data-from="sr__1_2_ac" title="加入购物车">
                                        </a>
                                        <a href="javascript:;" class="btn_fav" pid="20605" title="收藏商品"></a>
                                    </div>
                                    <p class="search_list_tags">
                                        <span>清洁</span>
                                        <span>保湿</span>
                                        <span>补水</span>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <!-- mall end-->
                        <!--global mall start-->
                        <!--deal start-->
                        <li class="formall item" pid="1763750" bid="837" cid="19" search_product_type="mall" h_p_m_id="1763750" product_type="mall_product">
                            <div class="item_wrap clearfix">
                                <div class="item_wrap_right deal_item_wrap">
                                    <div class="s_l_pic">
                                        <a href="http://item.jumei.com/1763750.html?from=sr__1_4" target="_blank">
                                            <img alt="悦诗风吟（innisfree） 绿茶精萃保湿洁面膏 150ml" original="http://p0.jmstatic.com/product/001/763/1763750_std/1763750_350_350.jpg" width="255" height="255"
                                                 src="http://p0.jmstatic.com/product/001/763/1763750_std/1763750_350_350.jpg" style="display: inline;" />
                                        </a>
                                    </div>

                                    <div class="s_l_name">
                                        <a href="http://item.jumei.com/1763750.html?from=sr__1_4" target="_blank">

                                            悦诗风吟（innisfree） 绿茶精萃保湿洁面膏 150ml
                                        </a>
                                    </div>
                                    <div class="s_l_view_bg">
                                        <div class="icon_wrap_bot clearfix">
                                        </div>
                                        <div class="search_list_price">
                                            <label>¥</label>
                                            <span>55</span>

                                            <div class="saleinfos">
                                                <span title="悦诗风吟满199送2件套">赠</span>
                                                <span title="悦诗风吟满330送4件套">赠</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="search_deal_buttom_bg clearfix">
                                        <div class="search_pl">月销28963</div>
                                        <div class="rating">
                                            <div style="width:90%"
                                                 class="value"></div>
                                        </div>
                                    </div>
                                    <div class="search_list_button">
                                        <a target="_blank" class="track_click btn_addcart"
                                           track_click="b2c/product_1763750/buy_list" data-sku="" data-from="sr__1_4_ac" title="加入购物车">
                                        </a>
                                        <a href="javascript:;" class="btn_fav" pid="1763750" title="收藏商品"></a>
                                    </div>
                                    <p class="search_list_tags">
                                        <span>清洁</span>
                                        <span>保湿</span>
                                        <span>补水</span>
                                        <span>温和</span>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <!--global mall end-->
                        <!--global pop mall start-->
                        <!--deal start-->
                        <li class="formall item" pid="1763750" bid="837" cid="19" search_product_type="mall" h_p_m_id="1763750" product_type="mall_product">
                            <div class="item_wrap clearfix">
                                <div class="item_wrap_right deal_item_wrap">
                                    <div class="s_l_pic">
                                        <a href="http://item.jumei.com/1763750.html?from=sr__1_4" target="_blank">
                                            <img alt="悦诗风吟（innisfree） 绿茶精萃保湿洁面膏 150ml" original="http://p0.jmstatic.com/product/001/763/1763750_std/1763750_350_350.jpg" width="255" height="255"
                                                 src="http://p0.jmstatic.com/product/001/763/1763750_std/1763750_350_350.jpg" style="display: inline;" />
                                        </a>
                                    </div>

                                    <div class="s_l_name">
                                        <a href="http://item.jumei.com/1763750.html?from=sr__1_4" target="_blank">

                                            悦诗风吟（innisfree） 绿茶精萃保湿洁面膏 150ml
                                        </a>
                                    </div>
                                    <div class="s_l_view_bg">
                                        <div class="icon_wrap_bot clearfix">
                                        </div>
                                        <div class="search_list_price">
                                            <label>¥</label>
                                            <span>55</span>

                                            <div class="saleinfos">
                                                <span title="悦诗风吟满199送2件套">赠</span>
                                                <span title="悦诗风吟满330送4件套">赠</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="search_deal_buttom_bg clearfix">
                                        <div class="search_pl">月销28963</div>
                                        <div class="rating">
                                            <div style="width:90%"
                                                 class="value"></div>
                                        </div>
                                    </div>
                                    <div class="search_list_button">
                                        <a target="_blank" class="track_click btn_addcart"
                                           track_click="b2c/product_1763750/buy_list" data-sku="" data-from="sr__1_4_ac" title="加入购物车">
                                        </a>
                                        <a href="javascript:;" class="btn_fav" pid="1763750" title="收藏商品"></a>
                                    </div>
                                    <p class="search_list_tags">
                                        <span>清洁</span>
                                        <span>保湿</span>
                                        <span>补水</span>
                                        <span>温和</span>
                                    </p>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
            <script>
                $(function () {
                    var screen_wide = document.documentElement.clientWidth > 1200 ? true : false;
                    if (screen_wide) {
                        $('#browse_history').addClass('browse_history_wide');
                    }
                });
            </script>

        </div>
    </div>
</div>

<script>
    var _search_word = '';
    var url_brand = '0';
    var url_category = '19';
    var url_function = '0';
    var url_price = '';
</script>
<!-- <script type="text/javascript" src="http://s0.jmstatic.com/templates/jumei/js/carousel.basic.js"></script> -->

<script type="text/javascript">
    $(function () {
        var small_length;

        if (_search_word != '') {
            $("#mall_search_input").val(_search_word);
        }
        $("#search_footer_input").JumeiSearch('foot_search_pop_div');


        $(".filter_con:last").css("border-bottom", "none");

        /*鼠标移上显示浮动框*/
        $("#search_result_wrap ul li.item").hover(function () {
            if ($(this).parents().hasClass("section")) {
                return;
            }
            var self = this,
                hideTimer = $(self).data('hideTimer'),
                showTimer,
                offset_left = $(self).offset().left;
            if (offset_left > $(window).width() - offset_left) {
                $(self).addClass("left");
            }

            clearTimeout(hideTimer);
            var isIe6 = false;
            if ($.browser.msie && parseInt($.browser.version) == 6) {
                isIe6 = true;
            }

            showTimer = setTimeout(function () {
                small_length = $(self).find(".cs_list").children().length;
                if (small_length <= 2) {
                    if (screen_wide) {
                        if (isIe6) {
                            $(self).addClass("hover_sm").find(".item_wrap").css("left", "0px");
                        } else {
                            $(self).addClass("hover_sm").find(".item_wrap").css("left", "-16px");
                        }
                    } else {
                        $(self).addClass("hover_sm");
                    }
                } else {

                    if ($(self).hasClass("left")) {
                        if (screen_wide) {
                            $(self).addClass("hover").find(".item_wrap").css("left", "-121px");
                        } else {
                            $(self).addClass("hover");
                        }
                        $(self).find(".item_wrap_left").show();
                    } else {
                        if (screen_wide) {
                            $(self).addClass("hover").find(".item_wrap").css("left", "-14px");//1090 宽屏情况
                        } else {
                            $(self).addClass("hover").find(".item_wrap").css("left", "-10px");//960 情况
                        }
                        $(self).find(".item_wrap_left").css("float", "right").show();
                        $(self).find(".item_wrap_right").css("float", "left");
                    }
                    var carousel = new $.ui.Carousel($(self).find(".item_wrap_left"), {
                        indexSwitch: false,
                        vertical: true,
                        singleSlide: true
                    });
                    $(self).data('carousel', carousel);
                    $(self).find(".cs_prev").click(function () {
                        $(this).next().next().removeClass("disabled");
                        var top_distance = Math.abs(parseInt($(this).next(".cs_wrapper").find(".cs_list").css("top")));
                        if (top_distance <= 0) {
                            $(this).addClass("disabled");

                        }
                    });

                    $(self).find(".cs_next").click(function () {
                        $(this).prev().prev().removeClass("disabled");
                        var top_distance = Math.abs(parseInt($(this).prev(".cs_wrapper").find(".cs_list").css("top")));
                        var small_length = $(this).prev(".cs_wrapper").find(".cs_list").children().length;

                        if ((small_length - 3) * 69 == top_distance) {
                            $(this).addClass("disabled");
                        };
                    });
                }
            }, 50);

            $(self).data('showTimer', showTimer);
        }, function () {
            var self = this,
                $elem = $(self),
                showTimer = $elem.data('showTimer');

            clearTimeout(showTimer);

            hideTimer = setTimeout(function () {
                if (small_length <= 2) {
                    $elem.removeClass("hover_sm");
                }
                else {
                    $elem.removeClass("hover");
                    $elem.find(".item_wrap_left").hide();

                    var carousel = $elem.data('carousel');

                    if (carousel) {
                        carousel.destroy();
                    }
                }
            }, 50);

            $elem.data('hideTimer', hideTimer);
        });

        /*缩略图切换*/
        $("#search_result_wrap .item_wrap_left li").hover(function () {

            $(this).siblings().removeClass("active");
            $(this).siblings().find("span").hide();
            $(this).addClass("active");
            $(this).find("span").show();
            $(this).parents(".item_wrap_left").siblings(".item_wrap_right").find("img").attr("src", $(this).find("img").attr('big'));

        }, function () {
            $(this).siblings().removeClass("active");
            $(this).siblings().find("span").hide();

        });


    });
</script>
<div class="clear"></div>

<script type="text/javascript" charset="utf-8" src="http://s0.jmstatic.com/templates/jumei/js/lib/sea.js?v2.3"></script>

<script type="text/javascript" charset="utf-8" src="http://s0.jmstatic.com/templates/jumei/js/v52.5/ibar.min.js?V1"></script>

<script type="text/javascript" charset="utf-8" src="http://s0.jmstatic.com/templates/jumei/js/v52.5/Jumei.Search.min.js?V1"></script>

<script type="text/javascript">
    $(document).ready(function () {
        Jumei.Core.init();
        Jumei.Search.init();
        for (var i in Jumei.Core.afterInitFunctions)
            Jumei.Core.afterInitFunctions[i].call();
    });




    (function (d) {
        window.bd_cpro_rtid = "rjfzrHc";
        var s = d.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = "http://cpro.baidu.com/cpro/ui/rt.js";
        var s0 = d.getElementsByTagName("script")[0]; s0.parentNode.insertBefore(s, s0);
    })(document);


</script>
<script type="text/javascript" charset="utf-8" src="http://s0.jmstatic.com/templates/jumei/js/v52.5/Jumei.ClickMap.min.js?V1"></script>

<script>
    var userName = $("#CurrentUser").text();
    if (userName.length > 5) {
        $('#CurrentUser').css('display', 'block');
        $('#Out').css('display', 'block');
    }
    else {
        $('#CurrentUser').css('display', 'none');
        $('#Out').css('display', 'none');
    }
    $("#menu_box").css('display', 'none');
</script>



